<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>朱桂东</title>
  <link rel="stylesheet" href="./static/css/resume.css">
  <link rel="icon"
        href="https://react.docschina.org/favicon-32x32.png?v=f4d46f030265b4c48a05c999b8d93791"
        type="image/x-icon"/>
</head>

<body>
<div class="container">
  <header>
    <!-- 背景图资源引用在 css 中 -->
    <div class="img-header">
      <div class="content">
        <p><strong>It's never too late to learn.</strong></p>
      </div>
    </div>
  </header>
  <main>
    <div class="information-all">
      <div class="col-6-asb">
        <div class="col-3 peasonal">
          <img class="peasonal-image"
               src="./static/image/project/me.jpg" alt="">
          <!--               src="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/me.jpg" alt="">-->
        </div>
        <div class="col-9 item">
          <p class="title name">
            朱桂东
            <span style="margin-left: 30%">shiqkuangsan</span>
          </p>
          <div class="col-6">
            <p class="education">统招本科</p>
            <p class="phone">16 年毕业</p>
            <p class="phone">开发和管理经验丰富</p>
          </div>
          <div class="col-6">
            <p class="email">761105568@qq.com</p>
            <p class="profession">优秀的开发者</p>
            <p class="profession">大前端方向</p>
          </div>
        </div>
      </div>
      <div class="col-6-asb">
        <div class="col-6 ensprience">
          <div class="item">
            <p class="title">
              开发经验
            </p>
            <ul>
              <li>5 年+ <b>React/Vue/Mini</b></li>
              <li>4 年+ <b>React Native</b></li>
              <li>3 年+ <b>Android</b></li>
            </ul>
          </div>
        </div>
        <div class="col-6 skill">
          <div class="item">
            <p class="title">
              技术栈一览
            </p>
            <div class="lang">
              <lable>React/MST</lable>
              <lable>Vue/Pinia</lable>
              <lable>React Native</lable>
              <lable>JS/TS</lable>
              <lable>Android</lable>
              <lable>Taro</lable>
              <lable>Umi/AntD</lable>
            </div>
          </div>
        </div>
      </div>
    </div>
    <section>
      <div class="title project">
        <p>项目经验</p>
      </div>
      
      <div class="project-detail">
      <div class="divider">
        <div class="text">-------------  最近公司的负责项目  -------------</div>
      </div>
      
        <div class="col-3-abs" id="project-7">
          <div class="project-content">
            <a href="https://www.enncloud.cn" target="view_window">
              <img class="sys-log" src="./static/icon/logo_enncloud.png" alt="">
            </a>
            <p class="project-title">新智云平台</p>
            <p class="create-time">2021.7 ~ 2022.12</p>
            <p class="create-time">React</p>
            <p class="decription">
              - 系统包含: <br>
              o <a target="view_window"
                   href="./static/image/project/enn/portal.jpg">门户站 portal</a> <br>
              o <a target="view_window" href="./static/image/project/enn/cmp.jpg">运营系统 cmp</a> <br>
              o <a target="view_window" href="./static/image/project/enn/bss.jpg">订单系统 bss</a> <br>
              o <a target="view_window" href="./static/image/project/enn/oss.png">监控系统 oss</a> <br>
              o <a target="view_window" href="./static/image/project/enn/ucenter.jpg">用户系统 ucenter</a> <br>
              - 核心技术: <br>
              o React + AntD <br>
              o redux / mobx-state-tree<br>
              o webpack <br>
            </p>
          </div>
          <div class="link-to">
            <a
              href="https://www.enncloud.cn"
              class="button" target="view_window">
              项目预览
            </a>
            <div class="shadow"></div>
          </div>
        </div>
        
        <div class="col-3-abs" id="project-6">
          <div class="project-content">
            <a target="view_window">
              <img class="sys-log" src="./static/icon/logo_xinao.png" alt="">
            </a>
            <p class="project-title">数字孪生系统</p>
            <p class="create-time">Vue + mxGraph</p>
            <p class="create-time">2022.12 ~ 2024.6</p>
            <p class="decription">
              - 系统包含: <br>
              o <a target="view_window" href="static/image/project/editor/1-manage-1.png">数孪管理平台</a> <br>
              o <a target="view_window" href="static/image/project/editor/2-editor-1.png">拓扑编辑器平台</a> <br>
              <a style="margin-left: 20px" target="view_window" href="static/image/project/editor/3-preview-1.png">预览</a> <br>
              - 核心技术: <br>
              o Vue + Router + VueX <br>
              o Pinia<br>
              o mxGraph / x6 / monaco-editor<br>
              o Websocket<br>
            </p>
          </div>
          <div class="link-to">
            <a target="view_window" href="static/image/project/editor/2-editor-2.png"
              class="button">
              项目预览
            </a>
            <div class="shadow"></div>
          </div>
        </div>
        
        <div class="divider">
          <div class="text" style="margin-top: 50px">-------------  以前公司的负责项目  -------------</div>
        </div>
        
        
        <div class="col-3-abs" id="project-1">
          <div class="project-content">
            <a href="https://www.chinaexpo365.com/" target="view_window">
              <img class="sys-log" src="./static/icon/logo_sys_expo.png" alt="">
            </a>
            <p class="project-title">润展网上展览/报名系统</p>
            <p class="create-time">React + Native</p>
            <p class="decription">
              - 系统包含: <br>
              o <a target="view_window"
                   href="./static/image/project/16_expo_web1.png">展览中心web端</a> <br>
              o <a target="view_window" href="./static/image/project/16_expo_app.png">展览中心 App 端</a> <br>
              o <a target="view_window" href="./static/image/project/16_expo_mini1.png">宣传系统小程序</a> <br>
              o <a target="view_window" href="./static/image/project/16_expo_h5.png">报名系统 H5</a> <br>
              - 核心技术: <br>
              o App: React Native + UI-Lib <br>
              o 管理端: React + Umi + Dva + Ant Design Pro <br>
              o 小程序: Taro + React <br>
              o H5: React + AntD Mobile + Mobx <br>
            </p>
          </div>
          <div class="link-to">
            <a
              href="https://www.chinaexpo365.com/"
              class="button" target="view_window">
              项目预览
            </a>
            <div class="shadow"></div>
          </div>
        </div>
        
        <div class="col-3-abs" id="project-0">
          <div class="project-content">
            <a href="https://apps.apple.com/cn/app/id1446241863" target="view_window">
              <img class="applogo" src="static/icon/logo_patent_bag.png" alt="">
            </a>
            <p class="project-title">专利书包 App</p>
            <p class="create-time">React Native</p>
            <p class="decription">
              - 项目采用 react-native 开发技术<br>
              - router-flux 路由框架，实现导航、数据传递、主题一体化<br>
              - React.FC/ui-lib/storage/ 函数组件,UI风格化,接口数据缓存<br>
              - mobx 数据管理，分离 view 和 model，实现数据观察，双向绑定<br>
              - decorators 注解语法，便捷实现前置操作如登录权限，提升开发效率<br>
              - 编写支付宝、微信原生支付功能供 RN 端调用<br>
            </p>
          </div>
          <div class="link-to">
            <a
              href="./static/image/project/08_patentbag_1.png"
              class="button" target="view_window">
              <!--              href="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/08_patentbag_1.png"-->
              项目预览
            </a>
            <div class="shadow"></div>
          </div>
        </div>
        
        <!--        <div class="col-3-abs" id="project-1">-->
        <!--          <div class="project-content">-->
        <!--            <a href="https://apps.apple.com/cn/app/id1433883456" target="view_window">-->
        <!--              <img class="applogo" src="static/icon/logo_fenapp.png" alt="">-->
        <!--            </a>-->
        <!--            <p class="project-title">护士继续教育 App</p>-->
        <!--            <p class="create-time">React Native</p>-->
        <!--            <p class="decription">-->
        <!--              - 项目采用 react-native 开发技术<br>-->
        <!--              - router-flux 路由框架，实现导航、数据传递、主题一体化<br>-->
        <!--              - 编写 Android 端原生视频控制器,供RN端调用<br>-->
        <!--              - 编写支付宝、微信原生支付功能供 RN 端调用<br>-->
        <!--              - mobx 数据管理，分离 view 和 model，实现数据观察，双向绑定<br>-->
        <!--              - axios 网络请求框架，标准 restful 风格, 规范统一<br>-->
        <!--            </p>-->
        <!--          </div>-->
        <!--          <div class="link-to">-->
        <!--            <a-->
        <!--              href="./static/image/project/06_nurse_promote.jpg"-->
        <!--              class="button" target="view_window">-->
        <!--&lt;!&ndash;              href="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/06_nurse_promote.jpg"&ndash;&gt;-->
        <!--              项目预览-->
        <!--            </a>-->
        <!--            <div class="shadow"></div>-->
        <!--          </div>-->
        <!--        </div>-->
        
        <div class="col-3-abs endline" id="project-2">
          <div class="project-content">
            <a href="https://apps.apple.com/cn/app/id1407176114" target="view_window">
              <img class="applogo" src="static/icon/logo_chronic.png" alt="">
            </a>
            <p class="project-title">慢性病管理患者端 App</p>
            <p class="create-time">Android</p>
            <p class="decription">
              - 采用原生 Java 开发技术，MVP 架构，分离 Model 和 Controller<br>
              - Glide 实现网络图片加载、缓存<br>
              - 极光推送实现用户消息通知<br>
              - zxing 二维码生成和扫描技术<br>
              - OKhttp 实现网络请求框架，数据请求、缓存<br>
              - 容联云 IM 聊天图文发送功能，加强医患交流<br>
              - 蓝牙连接血糖仪移动医疗,<br>
              - 支付宝支付功能<br>
            </p>
          </div>
          <div class="link-to">
            <a
              href="./static/image/project/02_chronic_patient.png"
              class="button" target="view_windows">
              <!--              href="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/02_chronic_patient.png"-->
              项目预览
            </a>
            <div class="shadow"></div>
          </div>
        </div>
        
        <div class="col-3-abs" id="project-3">
          <div class="project-content">
            <img class="applogo-nurse" src="static/icon/logo_nursemini.png" alt="">
            <p class="project-title">骨科护理 Mini</p>
            <p class="create-time">Taro & React</p>
            <p class="decription">
              - 项目采用 Taro 开发技术, 可跨端打包微信/百度/支付宝等小程序<br>
              - 基于 React 开发框架, Taro-UI 组件库, 开发效率高, 界面美观<br>
              - 使用 Redux 状态管理, 配合 Dva 数据流解决方案, 单项数据流结构清晰<br>
              - 使用腾讯 Tim IM三方功能, 实现医患在线图文交流<br>
              - 使用 Typescript 语言, 语法更加严谨规范<br>
            </p>
          </div>
          <div class="link-to">
            <a
              href="./static/image/project/15_nurse_mini00.png"
              class="button" target="view_window">
              <!--              href="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/15_nurse_mini00.png"-->
              项目预览
            </a>
            <div class="shadow"></div>
          </div>
        </div>
        
        <div class="col-3-abs" id="project-4">
          <div class="project-content">
            <img class="applogo" src="static/icon/logo_school.png" alt="">
            <p class="project-title">医科大学管理系统 Web</p>
            <p class="create-time">Vue</p>
            <p class="decription">
              - 项目采用 Vue 开发技术框架，JS语言<br>
              - Ant-Design-Vue UI 设计, 阿里规范, 主题可定制 <br>
              - axios 网络请求框架，标准 restful 风格, 规范统一<br>
              - vue-router 路由管理，实现了路由分组，易于管理，遵循模块化、组件化的原则<br>
              - vuex 实现状态数据管理，store 中集中存储，项目中单项数据流动<br>
            </p>
          </div>
          <div class="link-to">
            <a
              href="./static/image/project/13_guizhou_yikedaxue_2.png"
              class="button" target="view_windows">
              <!--              href="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/13_guizhou_yikedaxue_2.png"-->
              项目预览
            </a>
            <div class="shadow"></div>
          </div>
        </div>
        
        <div class="col-3-abs endline" id="project-5">
          <div class="project-content">
            <img class="applogo" src="static/icon/logo_huaan.png" alt="">
            <p class="project-title">华安证券 Web</p>
            <p class="create-time">Angular</p>
            <p class="decription">
              - 项目采用 Angular 技术框架，TypeScript 语言<br>
              - ng-alain 组件，风格统一美观<br>
              - ng-zorro-antd ui组件库，遵循阿里蚂蚁设计规范<br>
              - Echarts 扇形、曲线、折线图，实现数据分析因子海量数据处理，和数据对比<br>
              - rxjs 响应式编程，动态数据观察，配合 delon 的 HttpClient 实现接口数据订阅, 提升开发效率<br>
            </p>
          </div>
          <div class="link-to">
            <a
              href="./static/image/project/12_huaan_securities_1.png"
              class="button" target="view_windows">
              <!--              href="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/12_huaan_securities_1.png"-->
              项目预览
            </a>
            <div class="shadow"></div>
          </div>
        </div>
      </div>
    </section>
    
    <section>
      <div class="title work">
        <p>工作经历</p>
      </div>
      
      <div class="w-experience-detail">
        <div class="item w-experience-content">
          <div class="logo">
                        <img class="company-logo-softech" src="static/icon/logo_xinao.png" alt="">
          </div>
          <div class="work-content">
            <p class="create-time">2021.7 - 至今</p>
            <p class="job">高级前端 + Team Leader | 南京新奥新智技术有限公司</p>
            <ul>
              <li>资深前端开发T4，5-7人前端小组 Team Leader ，直线领导前阿里技术专家</li>
              <li>负责新智云平台(含门户站、订单系统、运 营系统、监控系统、用户系统)开发等工作如常规需求分配、各任务进度统筹、多端部署上线、疑难问题解决</li>
              <li>负责云平台系统核心需求开发、常规迭代、技术选型、性能优化</li>
              <li>负责主导物联与数字孪生平台下设备拓扑编辑器系统的开发、维护、上线，解决疑难性能优化问题</li>
              <li>负责前端团队的技术学习和成长，组织技术交流分享会，帮助组员完成技术实验选题实现定级提升</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="w-experience-detail">
        <div class="item w-experience-content">
          <div class="logo">
            <!--            <img class="company-logo-softech" src="static/icon/logo_comp_hjan.png" alt="">-->
          </div>
          <div class="work-content">
            <p class="create-time">2021.2 - 2021.6</p>
            <p class="job">部门负责人 | 南京宏景安网络科技有限公司</p>
            <ul>
              <li>移动前端技术经理，负责公司所有移动端 react native 和网页前端以及小程序端项目的架构，核心功能代码撰写、打包部 署、上线、交付流程</li>
              <li>负责和业务方沟通落实技术方案实现、项目工期、维护方案等</li>
              <li>立下前端开发规范，组织例会统筹项目进度，定期与小组成员进行技术讲解、分享和学习讨论，提升组员开发能力</li>
            </ul>
          </div>
        </div>
      </div>
      
      <div class="w-experience-detail">
        <div class="item w-experience-content">
          <div class="logo">
            <img class="company-logo-softech" src="static/icon/logo_comp_softech.png" alt="">
          </div>
          <div class="work-content">
            <p class="create-time">2016.7 - 2020.12</p>
            <p class="job">移动前端研发 | 江苏南大苏富特医疗科技有限公司</p>
            <ul>
              <li>负责Android端的APP的项目创建、架构、代码撰写、打包、维护、版本迭代</li>
              <li>负责 ReactNative 项目的相关模块代码编写，撰写原生模块，与Android端原生交互</li>
              <li>负责 Web 前端 React、Vue、小程序项目对应模块的功能代码编写</li>
              <li>负责部分项目任务分配、进度把控,负责 Android、react-native 开发人员面试</li>
              <li>对总监汇报工作进度，与产品经理沟通, 对产品功能提出建议和优化, 改善用户体验</li>
            </ul>
          </div>
        </div>
      </div>
    </section>
  </main>
  <footer>
    <section>
      <div class="title about-me">
        <p>联系我</p>
      </div>
      <div class="peasonal-message">
        <div style="display: flex;flex-direction: row">
          <img class="peasonal-image"
               src="./static/image/project/me.jpg" alt="">
          <!--               src="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/me.jpg" alt="">-->
          <div class="item">
            <p class="name">朱桂东</p>
            <p class="wechat">shiqkuangsan</p>
            <p class="phone">175****5440</p>
            <p class="email">761105568@qq.com</p>
          </div>
          <div style="margin-left: 80px; text-align: left">
            <ul>
              <li>两次带领5人+小团队经验,善于提升组员技术实力,发挥团队协作能力</li>
              <li><strong>React</strong> 企业级云平台项目开发和管理经验</li>
              <li>负责并主导团队完成过多个 <strong>React/Vue</strong> 前端项目立项、开发到上线 全流程</li>
              <li><strong>React Native</strong> 国内最早一批使用 RN 技术采坑过来的</li>
              <li>基于 <strong>Taro+React/Vue</strong> 的小程序端研发经验</li>
              <li>早年原生 <strong>Android</strong>出身,对原生移动平台有一定的了解</li>
            </ul>
          </div>
        </div>
        <div class="item contact">
          <div class="col-3 qrcode">
            <img class="qr-image"
                 src="./static/image/project/qrcode_me.png"
                 alt="">
            <!--                 src="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/qrcode_me.png"-->
          </div>
          <div class="col-9">
            <span><strong>我对工作</strong></span>
            <div class="icon-container">
              <div class="wrapper">
                <span> 新技术 (ฅ´ω`ฅ)</span>
                <span> 负责 ๑乛◡乛๑</span>
              </div>
              <div class="wrapper">
                <span> 工作有激情 (ง •̀_•́)ง</span>
                <span> 自研产品优先</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <p class="footer">
      <a style="font-size:14px" href="https://github.com/shiqkuangsan">shiqkuangsan@github</a>
    </p>
  </footer>
</div>
</body>

</html>
